<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>vue中的条件渲染</title>
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="app">
			<!-- 若为false，前台为<！--  -- >-->
			<!-- <div v-if="show" data-test="v-if">{{message}}</div> -->
			<!-- 若为false,前台隐藏display:none-->
			<!-- <div v-show="show" data-test="v-show">{{message}}</div> -->
			<!-- <div v-else>Bye World</div> -->
			<!-- <div v-if="show === 'a'" >
				this is a
			</div>
			<div v-else-if="show === 'b'">
				this is b
			</div>
			<div v-else>this is others</div> -->
			<div v-if="show">
				用户名:<input key=username />
			</div>
				<div v-else>
				邮箱名：<input key="passwords"/>
				</div>
		</div>
		<script type="text/javascript">
			var vm = new Vue({
				el:'#app',
				data:{
					/* message:"hello world",
					show:false, */
					/* show:"a", */
					show:false
					}
			});
		</script>
	</body>
</html>
